<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <title></title>
</head>
<body>
<h2>真爱查询验证</h2>
<p>IDLOVES严格限制每一位用户一生仅能购买一次求婚类产品，象征人类一生真爱的最真承诺！
</p>
<p>只有经过官网数据库查询验证该身份证ID没有购买记录，才可以进行购买。</p>
<input type="text" id="user_name"/>
<select name="area" size="1" id="">
    <option selected value="dalu">中国大陆</option>
    <option value="xianggang">中国香港</option>
    <option value="aomen">中国澳门</option>
    <option value="taiwan">中国台湾</option>
</select>
<input type="text" id="id_number"/>
<button onclick="verify()">提交验证</button>
<script>
    function verify(){
        //1.获取xhr异步对象
        var xhr=new XMLHttpRequest();
        //4.绑定监听，获取相应
        xhr.onreadystatechange=function(){
            if(xhr.readyState==4 && xhr.status==200){
                var result=xhr.responseText;
                if(result==1){
                    alert("验证成功");
                }else if(result==0){
                    alert("姓名或者身份证信息填写错误");
                }else{
                    alert(result);
                };
            }
        }
        if(user_name.value.length==0){
            alert("请输入您的真实姓名");
        }
        if(id_number.value.length==0){
            alert("请输入您的身份证信息");
        }
        //2.打开链接，创建请求
        xhr.open("get","user/v1/verify/"+user_name.value+"-"+id_number.value,true);
        //3.发送请求
        xhr.send();
    }
</script>
</body>
</html>